<template>
    <div>
        <f-button>默认按钮</f-button>
        <f-button icon="settings">icon按钮</f-button>
        <f-button :loading="true">icon按钮</f-button>
        <f-button disabled>icon按钮</f-button>

        <pre><code>{{content}}</code></pre>
    </div>
</template>

<script>
  import FButton from '../../../src/components/button';

  export default {
    name: "button-demos"
    , components: {
      FButton
    }
    , data() {
      return {
        content: `
        <f-button >默认按钮</f-button>
        <f-button icon="settings">icon按钮</f-button>
        <f-button :loading="true">icon按钮</f-button>
        <f-button disabled>icon按钮</f-button>
      `.replace(/\t+| +/g, '').trim()
      }
    }
  }
</script>

<style lang="scss">

</style>
